<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>v-on:按键修饰符</title>

		<script src="js/vuejs-2.5.16.js"></script>
	</head>

	<body>
		<div id="app">
			<span v-for="i in arr">{{i}}</span><br/>
			<h3 v-for="(u,k) in user">{{k}}----{{u}}</h3><br/><br/>
			<table border="1">
			<tr>
				<td>序号号</td>
				<td>编号</td>
				<td>名称</td>
				<td>年龄</td>
			</tr>
			<tr v-for="(use,key) in users">
				<td>{{key}}</td>
				<td>{{use.id}}</td>
				<td>{{use.name}}</td>
				<td>{{use.age}}</td>
			</tr>
			</table>
		</div>
	</body>
	<script>
		//view model
		new Vue({
			el:"#app",
			data:{
			    arr:[1,2,3,4,5],
				user:{
			        id:1,
					name:"zzh",
					age:18
				},
				users:[
					{id:2,name:"hk",age:22},
					{id:3,name:"djw",age:23},
					{id:4,name:"yzx",age:24},
				]
			}
		})
		
	</script>

</html>